<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
    <head>
		<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
		<link rel="stylesheet" href="custom/css/pggsnp.css"> 
    </head>

    <body>
		<div style="padding-top:280px;width:350px;height:500px;margin: 0 auto">	
		    <p style="font-size:24px;font-weight:bold;text-align:center;line-height:10px"><a style="color:#36648B">Welcome to</a> <a href="index" style="color:green">PGGSNP</a></p> 
            <br/>
            <br/>

			<div style="padding-left:25%">
				<a style="font-size:18px;font-weight:bold;text-decoration:underline" href="login">Login</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a style="color:grey;font-size:18px;text-decoration:none;" href="register">Register</a>
			</div>
			<br/>

			<div class="input-group input-group-lg">
				<span class="input-group-addon" id="sizing-addon2"><span class="glyphicon glyphicon-user" ></span></span></span>
				<input type="text" class="form-control" placeholder="Username" aria-describedby="sizing-addon1">
			</div>
			<br/>
			
			<div class="input-group input-group-lg">
				<span class="input-group-addon" id="sizing-addon2"><span class="glyphicon glyphicon-lock" ></span></span></span>
				<input type="password" class="form-control" placeholder="Password" aria-describedby="sizing-addon1">
			</div>
			<br/>
			
            <button type="submit" class="btn btn-default" style="background:#36648B;color:white;font:bold;height:45px;width:350px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-left-radius:5px;"><a style="font-size:18px;font-weight:bold;color:white;border-radius:15px;">Submit</a></button>
            
            <div style="padding-top:10px;text-align:right;">
                <a style="font-size:15px;" href="#">Forget password?</a>
			</div>

            <hr/>
            <p style="color:grey;font-size:15px;">The account can also be used for other databases or tools in <a href="#">PGGSuite</a>.</p>
			
		</div>
		
		<div style="padding-top:380px;width:650px;margin:0 auto;text-align:center;">
			<hr/>
			<img src="images/picb.png" style="width:30px;height:30px;"></img>
			<span style="color:grey"> CAS-MAP Partner Institute for Computational Biology</span>
			<span><a href="http://www.picb.ac.cn/picb-dynamic/index.htm">(PICB).</a></span>
			<span style="color:grey">Copyright </span>
			<span style="color:grey"><span class="glyphicon glyphicon-copyright-mark"></span></span>
			<span style="color:grey">2015-2017.</span>
		</div>


    </body>
</html>
